@charset "utf-8";
/*!
 *  51gg.cn by @龙灵网络 - http://www.llwap.cn
 */
body{background:#fff;padding-top:72px;font-weight: 400;line-height: 1.5;}
.text-center{text-align:center;}
.text-hide{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
table{table-layout:fixed;word-wrap:break-word;border-collapse:collapse;border-spacing:0;}
td,th{border:1px solid #eaeaea;padding:10px;}
pre{background:#F4F8FF;border:1px solid #e0eaff;padding:15px 20px;border-radius:4px;line-height:1.5;margin:0;color:#666;position:relative;margin:20px 0;}
.width{width:1640px;max-width:100%;margin:0 auto;}
a{text-decoration:none;color:#333;}
a:hover{color:#f30;}

.activity{background:#fbf0dc;height:50px;line-height:50px;padding:0 20px;position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:79;}
.activity .lefter img{margin-right:10px;position:relative;top:-3px;}
.activity .lefter a span{color:#f30;min-width:230px;display:inline-block;}
.activity .lefter a span:last-child{color:#F6832D;margin-left:15px;min-width:auto;}
body.act{padding-top:122px;}
body.act .header{margin-top:50px;}

.header{position:fixed;top:0;left:0;z-index:997;width:100%;height:72px;padding:0 20px;background:#fff;line-height:72px;color:#fff;box-shadow:0 4px 16px 0 rgba(0,60,179,.1);}
.header-box{display: flex;justify-content: space-between;}

.logo{/*float:left;*/font-size:0;margin-right:34px;position:relative;z-index:51;}
.logo img{max-height:50px;}
.nav-mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:800;background-color:rgba(0,0,0,.5)}

.nav{/*float:left;*/font-size:16px;z-index:900;flex: 3;display:flex;justify-content:center;}
.nav dl{float:left;margin-right:22px;position:relative;}
.nav dl:last-child{margin-right:0;}
.nav dt{font-weight:normal;display:flex;align-items:center;justify-content:space-between;}
.nav dt i{color:#999;cursor:pointer;display:none;transition:all 0.4s ease;}
.nav dt>a{position:relative;display:inline-block;transition:0s;padding-left:4px}
.nav dt>a:hover{color:#296bef}
.nav dt>a::after{display:none;content:'';position:absolute;bottom:0;left:50%;margin-left:-16px;width:32px;height:4px;border-radius:2px;background:#fff}
.nav dl:hover dt>a{font-weight:500;color:#296bef}
.nav dt.active>a{font-weight:500;color:#296bef}
.nav dt.active>a:hover{color:#296bef}
.nav dt.active>a::after{display:block;background-color:#296bef}

.nav dd{position:absolute;top:100%;left:50%;transform:translate(-50%,-10%);border:1px solid rgba(0,0,0,.1);box-shadow:0 0 40px 0 rgb(174,185,195,10%);border-radius:0 0 6px 6px;background:#fff;padding:16px 0 0;transition:all .3s linear 0s;display:none}
.nav dd ul{width:100%;display:flex;justify-content:space-between;transform:translate(0,-8px);flex-wrap:wrap;transition:all .3s linear 0s}
.nav dd li{display:flex;justify-content:center;margin-right:0;width:100%;padding:10px 20px}
.nav dd li a{margin-bottom:0;color:#626366;padding-bottom:0;white-space:nowrap;line-height:30px}
.nav dd li a.active{color:#296aef}
.nav dd a:hover{color:#000;font-weight:500}
.nav dl:hover dd{display:block;transform:translate(-50%,0);}
.nav dd li:hover{background:#f7f9fc}

.header-right{/*float:right;*/position:relative;z-index:251;text-align: right;}
.menuBtn{float:right;margin:0 0 0 5px;display:none;}
.menuBtn i{font-size:26px;color:#555;}
.sign-btns{float:left;list-style:none;}
.sign-btns li{float:left;margin-left:16px}
.sign-btns a{display:inline-block;border:1px solid #296bef;border-radius:30px;text-align:center;color:#296bef;font-size:16px;line-height:34px;padding:2px 20px;}
.sign-btns a.active{color:#fff;border-color:#296bef;background-color:#296bef}
.sign-btns a:hover,.sign-btns a.green:hover{color:#fff;border-color:#f60;background-color:#f60}
.sign-btns a.green{background-color: #e7f8ee;border-color:#9ed1b1;color: #309255;}

.header-box.open-nav .nav{transform:translateX(0)}
.header-box.open-nav .nav-mask{display:block}

.search-box{margin-top: 72px;background: #ffffff8a;}
.search-box .ui-input-group button.after{background: #296bef;border-color: #296bef;color: #fff;padding: 0 15px;}

.banner{position:relative;height:80vh;width:100%;}
.banner .ui-carousel-item{width:100%;height:100%;position:relative;overflow:hidden;}
.layout{margin:auto;width:82%;height:80vh;display:flex;align-items:center;}
.banner .ui-carousel-item .wrap{display:flex;flex-wrap:wrap;align-items:center;width:100%;min-height:100%;}
.banner .ui-carousel-item .text .title{font-size:60px;font-weight:bold;color:#fff}
.banner .ui-carousel-item .text .intro{padding:20px 0;font-size:28px;color:#fff}
.banner .ui-carousel-item .link{margin-top:30px;}
.banner .ui-carousel-item .link a{background:#fff;color:#333;dislay:inline-block;padding:13px 30px;border-radius:25px;font-size:14px;}
.banner .ui-carousel-item .link a i{font-size:14px;margin-left:5px;}
.banner .ui-carousel-item .link a:hover{color:#fff;background:#f60}
.banner .ui-carousel-item .image{position:absolute;width:100%;min-height:100%;top:0;left:0;background-size:cover;background-position:center;overflow:hidden;will-change:transform,opacity,filter;backface-visibility:hidden;background-repeat:no-repeat;z-index:-1}
.banner .ui-carousel-item .video{position:absolute;width:100%;min-height:100%;top:0;left:0;z-index:-1}
.banner .ui-carousel-item .video video{height:100%;width:100%;object-fit:cover;}
.banner[data-theme="white"] .ui-carousel-item .text .title{color:#fff}
.banner[data-theme="white"] .ui-carousel-item .text .intro{color:#fff}

.ui-carousel-prev,.ui-carousel-next{width:90px;}
.banner .ui-carousel-page{bottom:25px;}
.banner .ui-carousel-page li{height:12px;width:12px;border-radius:12px;transition:all 1s}
.banner .ui-carousel-page li.active{width:50px;}

@media only screen and (max-width:768px)
{
	.banner{height:300px;}
	.layout{width:88%;height:300px;}
	.banner .ui-carousel-item .wrap{text-align:center;display:block;}
	.banner .ui-carousel-item .text .title{font-size:38px;text-align:center;display:block;margin-top:80px;}
	.banner .ui-carousel-item .text .intro{font-size:16px;padding:15px 0;text-align:center;display:block;}
	.banner .ui-carousel-item .link{margin-top:20px;text-align:center;}
}

.inner_wrap{background:no-repeat center / cover;}
.inner_banner{max-width:1480px;padding:40px 20px;margin:0 auto;display:flex;align-items:center;height:500px;}
.inner_banner .text{padding-right:10%;}
.inner_banner .text h2{font-size:36px;font-weight:bold;color:#fff;margin-top:-20px;text-transform: uppercase;}
.inner_banner .text p{font-size:16px;line-height:30px;color:#fff;}

@media only screen and (max-width:768px)
{
	.inner_banner{width:88%;padding:40px 20px;margin:0 auto;height:300px;}
	.inner_banner .text h2{font-size:30px;}
	.inner_banner .text p{font-size:14px;}
}

.subject{text-align:center;/* margin: 20px 0; */padding: 20px 0;}
.subject h2{font-size:36px;color:#143aa5;margin:30px 0;position:relative;padding-bottom:18px;margin-bottom:24px;text-transform: uppercase;}
.subject h2:after{content:'';display:inline-block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:6px;width:40px;background:#ffa601;border-radius:3px}
.subject h4{font-size:48px;line-height:45px;font-weight:bold;letter-spacing:0.5px;color:#143aa5;font-family: "Gordita";text-transform: uppercase;}
.subject p{font-size:16px;line-height:26px;font-weight:400;color:#8492a6;padding:0 10px;font-family: 'Muli', sans-serif;text-transform: uppercase;}

.subnav_warp{background:#fff;border-bottom: 1px solid #e8e8e8;position: relative;}
.subnav{text-transform:capitalize;}
.subnav ul{text-align:left;display:block;}
.subnav ul li{position:static;display:inline-block;color:#fff;width:auto;vertical-align:top;}
.subnav ul li a{position:relative;font-size:15px;height:80px;line-height:80px;padding:0px 30px;color:#333;display:block;transition:.3s ease 0s;}
.subnav ul li .more:after{content:"";position:absolute;width:1px;height:15px;display:block;background:#ccc;top:50%;margin-top:-7px;right:0px;}
.subnav ul li a:before{position:absolute;content:'';left:50%;bottom:0px;width:0%;height:3px;background-color:none;transition:all .3s;}
.subnav ul li a:hover:before{width:80%;left:10%;background-color:#1C65F6;}

.subnav ul li.active>a{color:#1C65F6;}
.subnav ul li.active>a:before{width:80%;left:10%;background-color:#1C65F6;}
.m-nav{display: none;}
@media screen and (min-width:769px)
{
	.subnav ul li a:hover{color:#1C65F6;}
}
@media screen and (max-width:1400px)
{
	.subnav ul li a{padding:0px 30px;}
}
@media screen and (max-width:1200px)
{
	.subnav ul li a{padding:0px 25px;font-size:14px;}
}
@media screen and (max-width:1024px)
{
	.subnav ul li a{padding:0px 10px;font-size:14px;}
}
@media screen and (max-width:768px)
{
	.subnav{display: none;}
	.subnav ul{text-align:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
	.subnav ul li a{padding:0px 20px;font-size:14px;height:62px;line-height:62px;}
	.subnav ul li a:hover{color:#1C65F6;}
	.subnav ul li.active{color:#1C65F6;}
	.m-nav{display: block;}
}

.ui-piclist-image img{transition:all .5s;}
.ui-piclist-image:hover img{transform:scale(1.1);}

.home_pro{overflow:visible;}
.home_pro .ui-piclist-item{margin-bottom:1.8%;transition:all .5s;border:none;overflow: hidden;position: relative;}
.home_pro .ui-piclist-item .mask{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background-image:url('../img/mask_grad.png');background-repeat:repeat-x;background-position:left bottom;background-size:auto 100%;visibility:visible;opacity:0;}
.home_pro .ui-piclist-item:hover{/*transform:translateY(-10px)*/}
.home_pro .ui-piclist-image{overflow:hidden;}

.home_pro .ui-piclist-item .text-box{width:100%;height:auto;position:absolute;left:0;color:#fff;text-align:left;-webkit-transition:all 0.5s;transition:all 0.5s;z-index:4;bottom:0;padding:15px;font-size:14px;}
@media (min-width: 992px){
	.home_pro .ui-piclist-item .text-box{font-size:16px;}
}
@media (min-width: 1440px){
	.home_pro .ui-piclist-item .text-box{font-size:18px;}
}
@media (min-width: 1680px){
	.home_pro .ui-piclist-item .text-box{font-size:20px;}
}
.home_pro .ui-piclist-item .text-box .category{font-size:0.875em;line-height:1.8em;color:#fff;}
.home_pro .ui-piclist-item .text-box .name{line-height:1.4em;font-weight:bold;margin:0;font-size:1.2em;text-transform: uppercase;}
.home_pro .ui-piclist-item .text-box .text{font-size:0.75em;line-height:1.8em;opacity:0.7;display:none;}
.home_pro .ui-piclist-item .text-box .read-more{opacity:1;margin-top:15px;}
@media (min-width: 992px){

.home_pro .ui-piclist-item .mask{visibility:visible;opacity:1;height:70%;width:100%;content:"";background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);display:block;top:auto;bottom:0;}
.home_pro .ui-piclist-item .text-box{padding:25px 30px;bottom:-50px;}
.home_pro .ui-piclist-item .text-box .name{margin-bottom:12px;font-size:1.2em;line-height:1.4em;}
.home_pro .ui-piclist-item .text-box.text-box-1 .name{margin-bottom:0;}
.home_pro .ui-piclist-item .text-box.text-box-1 .text{margin-bottom:12px;}
.home_pro .ui-piclist-item .text-box .text{font-size:0.875em;display:block;}
.home_pro .ui-piclist-item .text-box .category{font-size:0.91em;}
.home_pro .ui-piclist-item .text-box .read-more{opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;font-size:0.875em;}
.home_pro .ui-piclist-item:hover .text-box{bottom:0;}
.home_pro .ui-piclist-item:hover .text-box .read-more{visibility:visible;opacity:1;}
.home_pro .ui-piclist-item:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.home_pro .ui-piclist-item:hover .mask{opacity:1;visibility:visible;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background-image:url(../img/mask_grad.png);background-repeat:repeat-x;background-position:left bottom;background-size:auto 100%;}
.home_pro .ui-piclist-item:hover .read-more{opacity:1;}
}
.title-box{display: none;}

.bg-about{background:#1C65F6 url(../img/about.jpg);background-size:cover;background-position:center;;padding:40px 0;color:#fff;min-height:600px;overflow:hidden;display:flex;align-items:center;}
.about-box1{    background: rgba(0, 0, 0, 0.5);}
.home-about{padding-right:40px;}
.home-about .en{font-size:60px;}
.home-about .cn{font-size:48px;font-weight:bold;margin-top:-20px;}
.home-about .intro{font-size:16px;margin-top:50px;line-height:2;}
.home-about .btn{margin-top:50px;}
.home-about .btn a{padding:10px 30px;color:#fff;background:#000;transition:0.3s;line-height:1;border-radius:100px;border:1px solid rgba(249, 249, 249, 0.4);background:linear-gradient(90deg, transparent 0%, transparent 100%)}
.home-about .btn a:hover{background:#fff;color:rgb(52,82,255);}
.home-about-box{padding-left:40px;}
.home-about-box .box{background:#fff;box-shadow:0px 10px 10px rgba(0,0,0,0.35);padding:12px;}
.home-about-box .box img,.home-about-box .box video{width:100%;}

@media only screen and (max-width:768px)
{
	.bg-blue{height:auto;}
	.home-about{padding:0 30px;}
	.home-about-box{padding:0 30px;margin-top:40px;}
	.home-about .btn a{line-height:20px;}
	.bg-about .ui-col-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

.bg_news{background:#f0f0f0;padding:60px 0;}
.home_news{margin-top:30px;display:flex;flex-wrap:wrap;}
.home_news .home_news_item{margin:0 0 30px 0;width:50%;}
.home_news .home_news_item:nth-child(1n){padding-right:15px;padding-left:0;}
.home_news .home_news_item:nth-child(2n){padding-right:0;padding-left:15px;}
.home_news_body{box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);background:#fff;padding:20px;border-radius:5px;display:flex;align-items:center;}
.home_news_body .date{width:90px;text-align:center;padding-right:20px;margin-right:30px;border-right:1px solid #eee;}
.home_news_body .date h4{font-size:38px;color:#999;margin:0;}
.home_news_body .date p{color:#999;font-size:16px;font-family:Verdana;}
.home_news_body .body{flex:1;overflow:hidden;transition:all 0.5s ease;}
.home_news_body .body h4{font-size:20px;font-weight:bold;color:#515050;}
.home_news_body .body p{color:#c2c2c2;font-size:16px;}
.home_news_body .body h4 a:hover{color:#246FDD;}
.home_news_body:hover{box-shadow:0px 0px 30px rgba(0, 0, 0, 0.15);}
.home_news_body:hover .body{transform:translateX(5px);}
.home_news_item:hover .body h4 a{color:#1890FF;}
.home_news_item:hover .body p{color:#666;}

.message-box{position: relative;}
.ui-form-book i{color:#296bef;}
.ui-form-icon{z-index: 9;}

.page-message-box{background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.3' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(26.25) translate(-961.9 -721.43)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(26.25) translate(-961.9 -721.43)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(26.25) translate(-961.9 -721.43)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(26.25) translate(-961.9 -721.43)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(26.25) translate(-961.9 -721.43)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(26.25) translate(-961.9 -721.43)'%3E%3Cg fill='%231D4EFF'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(26.25) translate(-961.9 -721.43)'%3E%3Cg fill='%231D4EFF'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(26.25) translate(-961.9 -721.43)'%3E%3Cg fill='%231D4EFF'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;}
.page-message{
    max-width: 500px;
    margin: 80px auto;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #EAEDF2;
    padding: 30px 50px;
    position: relative;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 18%);
    border-top: 5px solid #296bef;
}

.contact-info {background-color:#e7f8ee;padding:60px;border-radius: 15px;margin:20px;position: relative;}
.contact-wrap{}
.contact-item{display: flex;border-bottom: 1px solid rgba(48,146,85,0.2);padding-bottom:20px; margin-bottom:20px;transition: all 0.3s ease 0s;}
.contact-item:hover{border-bottom: 1px solid #309255;}
.contact-item .icon {width: 100px;height:100px;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(48,146,85,0.2);border-radius: 50%;}
.contact-item .icon i {width: 70px;height:70px;line-height:70px;background-color: #fff;border: 1px solid rgba(48,146,85,0.2);border-radius: 50%;font-size:30px;color: #309255;text-align: center;transition: all 0.3s ease 0s;}
.contact-item:hover .icon i {background-color:#309255;border-color:#309255;color:#fff;}
.contact-item .booy {margin-left:20px;margin-top:10px;}
.contact-item .booy .title {font-size:18px;font-weight:400;color:#309255;margin-bottom: 0;}
.contact-item .booy .desc {font-size: 22px;font-weight:500;color:#212832;margin-bottom: 0;margin-top:10px;}

@media only screen and (max-width:768px)
{
	.message-box .ui-col-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.contact-info {padding:30px 10px 10px 10px;margin:15px;}
	.contact-item .icon {width:60px;height:60px;}
	.contact-item .icon i {width: 50px;height:50px;line-height:50px;font-size:24px;}
	.contact-item .booy {margin:5px 15px;}
	.contact-item .booy .title {font-size:14px;}
	.contact-item .booy .desc {font-size:15px;margin-top:5px;}
}

.news-list{padding:0 20px;}
.news-list .item{display:flex;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #eee;min-height:120px;}
.news-list .item.image{height:220px;}
.news-list .item .left{width:20%;margin-right:40px;overflow:hidden}
.news-list .item .left img{width:100%;transition:all .5s;}
.news-list .item:hover img{transform:scale(1.4);}
.news-list .item .right{flex:1;overflow:hidden;position:relative;min-height:180px;}
.news-list .item .block{display:flex;}
.news-list .item .title{font-size:22px;line-height:1.5;}
.news-list .item .intro{font-size:14px;color:#666;line-height:1.8;}
.news-list .item .date{font-size:15px;line-height:2;padding:10px 0;}
.news-list .item .date i{font-size:15px;color:#999;margin-right:5px;}
.news-list .item:hover .date i{color:#1C65F6;}
.news-list .item .bottom{position:absolute;width:100%;font-size:15px;bottom:0;}
.news-list .item .bottom i{font-size:15px;color:#ccc;margin-right:10px;}
.news-list .item .bottom a{margin-right:15px;font-size:14px;}
@media only screen and (max-width:768px)
{
	.news-list .item{display:block;}
	.news-list .item.image{height:100%;}
	.news-list .item .left{width:100%;margin-right:0px;margin-bottom:15px;}
	.news-list .item .right{min-height:100%;}
	.news-list .item .bottom{position:static;margin-top:20px;}
}

.area-bg {background: #f8fafb;}
.area-box {position: relative;background: #fff;box-shadow: 0 5px 25px 0 rgba(41, 128, 185, .15);-webkit-box-shadow: 0 5px 25px 0 rgba(41, 128, 185, .15);border-radius: 10px;text-align: center;padding: 30px 15px;box-sizing: border-box;margin-bottom: 30px;overflow: hidden;transition: .6s linear;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.area-box:hover {transition: all 0.4s ease-in-out;-moz-transform: scale(1.06);-webkit-transform: scale(1.06);transform: scale(1.06);}
.area-box .category {z-index: 2;}
.area-box .category .icon {background:#1C65F6;font-size: 40px;color: #fff;width:80px;height:80px;line-height:72px;border:2px solid #1C65F6;border-radius:50px;text-align:center;margin:0 auto 20px auto;transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);}
.area-box .category i {font-size: 30px;color: #fff;transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);}
.area-box .category .detail h4 {font-weight: 500;margin-bottom: 12px;font-size: 16px;}
.area-box .category .detail p {margin-bottom: 5px;font-size: 14px;font-weight: 500;color: #1C65F6;background:#F4F8FF;display: inline-block;padding: 0px 10px;border-radius: 4px;}
.area-box .category .detail span {font-weight: 400;font-size: 14px;color:#707f8c;}
.area-box .category i.abs-icon {position: absolute;bottom: 5px;left: 5px;opacity: 0;transition: all ease-in 0.4s;color: #eff1f3;}
.area-box:hover i.abs-icon {position: absolute;bottom: 25px;left: 25px;opacity: 1;color: #eff1f3;}

@media only screen and (max-width:1024px)
{
	.area-bg .ui-col-3{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media only screen and (max-width:768px)
{
	.area-bg .ui-col-3{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}


/*分页样式*/
.pagelist{text-align:center;font-size:16px;}
.pagelist .page-status,.pagelist a{background:#fff;color:#666;display:inline-block;border:1px solid #ddd;height:40px;width:40px;line-height:40px; margin:0 2px;border-radius: 2px;}
.pagelist a{font-size:16px;}
.pagelist a:hover{border-color:#1C65F6;background:#1C65F6;color:#fff;}
.pagelist .page-num-current{border-color:#1C65F6;background:#1C65F6;color:#fff;}
.pagelist .page-num-current:hover{border-color:#ea5413;background:#ea5413;color:#fff;}
.pagelist .page-status{}
.pagelist .page-index{display:inline-block;}
.pagelist .page-pre{display:inline-block;}
.pagelist .page-numbar{display:inline-block;}
.pagelist .page-next{display:inline-block;}
.pagelist .page-last{display:inline-block;}

.show-bg{background-color:#070E33;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23296BEF'/%3E%3Cstop offset='1' stop-color='%23070E33'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%232F81EF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%232F81EF' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
    padding: 50px 0;}
.show-title{text-align:center;color: #fff;}
.show-pic{max-width:600px;margin:0 auto;}
.show-box{padding:5px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);background:#fff;border-radius:4px;position:relative;}
.show-box .ui-carousel-page{bottom:25px;}
.show-box .ui-carousel-page li{height:12px;width:12px;border-radius:12px;transition:all 1s}
.show-box .ui-carousel-page li.active{width:50px;}

.ui-show-title{border-bottom:1px dashed #ccc;padding:15px 0;text-align:center;}
.ui-show-title h1{font-size:24px;line-height:1.5;}
.ui-show-title div{font-size:14px;color:#999;margin:10px 0;}
.ui-show-image .ui-col-3{margin:0 0 20px 0;padding-right:20px;}
.ui-show-image .ui-col-3:nth-child(4n){margin-right:0;}
.ui-show-image .ui-card{border:0;border-radius:8px;}
.ui-show-image .ui-card-image{height:220px;overflow:hidden;border-radius:8px;}
.ui-show-image .ui-card-image img{border-radius:8px;height:100%;transition:all .5s;}
.ui-show-image .ui-card-image:hover img{transform:scale(1.4);}
.ui-show-body{padding:15px 20px;line-height:36px;font-size:16px;word-break:break-all;}
.ui-show-body img{max-width:100%;}
.ui-show-body .prev{color:#999;line-height:2;}
.ui-show-body .prev span{color:#1C65F6;}
.ui-show-body .next{color:#999;line-height:2;margin-top:10px;}
.ui-show-body .next span{color:#1C65F6;}

.ui-show-body .ui-line span{color:#1C65F6;}

.tag-list{margin:10px 0 20px 0;}
.tag-list ul{display:flex;justify-content:center;list-style:none;}
.tag-list ul li{margin-left:10px;}
.tag-list ul li a{display:block;background:#F4F8FF;color:#52565b;padding:2px 18px;border-radius:30px;border: 1px solid #e0eaff;transition:all 0.5s ease;}
.tag-list ul li a:hover,.tag-list ul li.active a{background:#1C65F6;color:#fff;border-color:#1C65F6;}
@media only screen and (max-width:1024px)
{
	.tag-list{padding:0 10px;margin:10px 0 5px 0;}
	.tag-list ul{flex-wrap:wrap;justify-content:flex-start}
	.tag-list ul li{flex:0 0 50%;max-width:50%;margin-left:0;margin-bottom:10px;}
	.tag-list ul li a{padding:2px 10px;font-size:14px;text-align:center;}
	.tag-list ul li:nth-child(1n){padding-right:5px;padding-left:0;}
	.tag-list ul li:nth-child(2n){padding-right:0;padding-left:5px;}
}

.next-prev-section {margin: 30px 0;padding: 20px 25px 20px;background-color: #f7faff;border-radius: 12px;}
@media screen and (min-width:1200px) {
    .next-prev-section {padding: 20px 25px 0;}
}
.service-prev .img {margin-right: 30px;}
.service-next .img {margin-left: 30px;}
.service-next .media {text-align: right;}
.service-box {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex;}
.service-box .img {background-color: white;padding: 15px 5px;-webkit-box-shadow: 0 22px 35px 0 rgba(2, 18, 106, 0.08);box-shadow: 0 22px 35px 0 rgba(2, 18, 106, 0.08);border-radius: 12px;width: 120px;height:120px;}
.service-box img{max-width: 100%;}
@media screen and (max-width:1024px){
    .service-box .img {width:80px;height:80px;}
}
@media screen and (min-width:1200px) {
    .service-box .img {margin-bottom:-15px;}
}
@media screen and (max-width:1024px){
    .service-box .img {margin-bottom:-15px;}
}
.service-box .media {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.service-box .media .title {font-weight: 400;color: #1C65F6;line-height: 1.35;margin-bottom: 5px;font-size:18px;}
.service-box .media .link {color:#fc7318;font-size: 14px;}
.service-box .media .link i{font-size:13px;}
.service-box .media .link:hover{color:#1C65F6;}

.box{padding:20px 30px;/* box-shadow:0px 0px 30px rgba(28,31,33,0.1); */background:#fff;position:relative;border: 1px solid #eee;}
.ui-menu-color .ui-menu-name{color:#1C65F6;border-bottom-color:#1C65F6;font-weight:bold;}

.ui-show-tags{}
.ui-show-tags a{padding:0 10px;line-height:35px;}
.ui-show-share{text-align:right;color:#999;}
.ui-show-share a{display:inline-block;width:40px;line-height:35px;height:40px;border-radius:50%;border:1px solid #eaeaea;margin-left:10px;text-align:center;}
.ui-show-share a i{font-size:22px;}
.ui-show-share a:nth-child(1){color:#1890FF;}
.ui-show-share a:hover:nth-child(1){border-color:#1890FF;}
.ui-show-share a:nth-child(2){color:#ED4014;}
.ui-show-share a:hover:nth-child(2){border-color:#ED4014;}
.ui-show-share a:nth-child(3){color:#19BE6B;}
.ui-show-share a:hover:nth-child(3){border-color:#19BE6B;}

.link{padding:0 10px;}
.link a{font-size:13px;padding:0 10px;line-height:30px;}
.link a:hover{border-color: #296bef;color: #296bef;}

.footer{background:#272C31;padding:40px 0;color:#8b8b8b;margin-top:30px;}
.footer_item{width:16%;margin-right:4%;}
.footer_item h4{font-size:18px;color:#fff;height:50px;border-bottom:1px solid #444;position:relative;}
.footer_item h4:after{display:block;content:"";width:40px;height:3px;top:48px;left:0;position:absolute;background:#296bef;}
.footer_item h4 a{color:#fff;}
.footer_item h4 a:hover{color:rgb(255, 230, 0);}
.footer_item h5{font-size:16px;color:#fff;}

.footer_item .footer_menu{line-height:36px;margin-top:20px;}
.footer_item .footer_menu a{display:block;color:#7B8288;transition:all 0.5s ease;}
.footer_item .footer_menu a:hover{color:#fff;transform:translateX(10px);}

.footer_last{width:16%;margin-right:4%;}
.footer_tel{font-family:'Impact';font-size:30px;color:#fff;}
.footer_tel img{max-width:150px;margin-top:10px;display:block;}

.copyright{background:#1B2025;line-height:30px;padding:20px;text-align:center;color:#7B8288;border-top:1px solid #2C3239;}
.copyright a{color:#7B8288;}
.copyright a:hover{color:#fff;}

.to-top{cursor: pointer;position: fixed; right: 15px;bottom:150px;display: inline;padding: 10px 15px;color:#fff;background:#296bef;border-radius:50%;box-shadow:rgba(0,0,0, 0.16) 0px 5px 40px;animation: pulse 2s infinite;}
.to-top:hover{color:#fff;background:#ED4014;}
@keyframes pulse {0% {box-shadow: 0 0 0 0 rgba(51, 51, 51, 0.3);}70% {box-shadow: 0 0 0 10px rgba(51, 51, 51, 0);}100% {box-shadow: 0 0 0 0 rgba(51, 51, 51, 0);}}

.wap-footnav{display:none;height:64px;}
.ui-footnav-bg-green{background:#da251d;}
/*Ie Only*/
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active)
{
     .nav dd{width:120px;}
	 .ui-chat-item-main{width:100%;}
}
@media only screen and (min-width:1360px)
{
	.logo{margin-right:64px;}
}

@media screen and (max-width:1600px)
{
	.width{width:1560px;}
}
@media screen and (max-width:1440px)
{
	.width{width:1400px;}
}
@media screen and (max-width:1400px)
{
	.width{width:1360px;}
}
@media screen and (max-width:1366px)
{
	.width{width:1320px;}
}
@media screen and (max-width:1280px)
{
	.width{width:1240px;}
}

@media screen and (max-width:1024px)
{
    .width{width:100%;}
	body{padding-top:56px}
	.header{height:56px;line-height:56px}

	body.act{padding-top:106px;}

	.logo{margin-right:32px}
	.logo img{max-height:30px;}
	.nav{font-size:15px;}
	.header-box .nav{display: flex;justify-content: flex-start;flex-direction:none;}
	.nav dt>a::after{width:28px;height:4px;margin-left:-14px}
	.nav dl{margin-right:22px}

    .banner .ui-carousel-page li.active{width:10px;}
	.banner .ui-carousel-page{bottom:10px;}
	.ui-carousel-prev,.ui-carousel-next{display:none;}

	#offside-nav{min-width:100%;}
	.ui-collapse-menu-title{padding-left:10px;}
	.ui-collapse-menu-title.active{background:#fff;}
	.ui-collapse-menu-title.active a{color:#363e45;}

	.home_pro .ui-piclist-item{padding:5px 5px 4px 5px;border: 1px solid #eaeaea;}
	.home_pro .ui-piclist-item:hover{transform:translateY(0px)}
	.home_pro .ui-piclist-item .text-box{display: none;}
	.home_pro .ui-piclist-item .title-box{display: block;}
	.ui-piclist{margin:0 0 0 0}
	.ui-piclist .ui-piclist-item{width:47.5%;margin:0 0 15px 15px;}

	.home_news{margin-top:10px;padding:0 15px;}
	.home_news_body .date{width:80px;padding-right:10px;margin-right:20px;}
	.home_news_body .date h4{font-size:24px;}
	.home_news_body .body h4{font-size:16px;}
	
	.link{padding:0 10px;}
	.link a{font-size:13px;padding:0 10px;line-height:30px;}

    .pagelist .page-status{display:none;}
	.pagelist .page-index{display:none;}
	.pagelist .page-pre{display:none;}
	.pagelist .page-numbar{display:inline-block;}
	/* .pagelist .page-next{display:none;}
	.pagelist .page-last{display:none;} */
	.pagelist a {border-radius: 25px;}
	.pagelist .page-status,.pagelist a{height:32px;width:32px;line-height:32px;}

	.ui-pre,.ui-next,.ui-show-tags,.ui-show-share,.ui-col-6{flex:0 0 100%;max-width:100%;}
	.ui-show-image .ui-col-3{padding-right:0;flex:0 0 50%;max-width:50%;margin:0 0 20px 0;padding-right:20px;}
	.ui-show-image .ui-col-3:nth-child(2n){margin-right:0;padding-right:0px;}
	.ui-show-share{text-align:center;margin-top:15px;}
	.ui-nice{padding-left:0 !important;margin-top:15px;}
	.ui-media-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}
	.ui-col-4.ui-text-right{display:none;}

	.footer{padding:20px 0;}
	.footer_item{width:45%;margin-right:5%;padding-left:4%;margin-bottom:20px;}
	.footer_last{width:95%;margin-right:5%;padding-left:4%;margin-bottom:20px;}
	.footer_item h4{font-size:16px;height:40px;}
	.footer_item h4:after{top:38px;}
	.footer_item h5{font-size:14px;}
	.footer_tel{font-size:24px;color:#fff;}

    .ui-sidebar{display:none;}
}
/*Pad pro*/
@media only screen and (max-width:1000px)
{
	.header-box .nav{display: flex;justify-content: flex-start;flex-direction: column;}
	.header{padding:0 15px;}
	.nav .panel{display:block;}
	.nav dl:hover dd,.sign-btns,.user-bar{display:none}
	.menuBtn{display:block;}
	.nav{position:fixed;top:0;right:0;bottom:0;padding:20px;width:300px;background:#fff;overflow-y:auto;overflow-x:hidden;color:#313233;transform:translateX(100%);transition:.3s}
	.nav{font-size:16px;}
	.nav dl{float:none;margin:0;border-bottom:1px solid #edeff2;}
	.nav dt>a::after{display:none !important;}
	.nav dt i{display:block;}
	.nav dd a{font-size:15px;color:#626366}
	.nav dd{position:static;padding:0;line-height:inherit;border:none;width:100%;}
	.nav dd li{float:none;padding:0;width:285px;}
	.nav dd li a{display:block;padding:10px 20px}
	.nav dl.open dd{display:block}
	.nav dt.open i{transform:rotate(90deg);}
	.nav dd{display:none;transform:translate(0,0);opacity:1;visibility:initial;background-color:transparent;box-shadow:none;transition:0s;border-top:1px solid #edeff2;}
	.nav dl:hover dd{transform:translate(0,0)}
	.nav dd li,.nav dd ul{display:block;text-align:left;transform:translate(0,0);overflow:hidden;}
	.nav dd li a{padding:10px 0 10px 16px}
	.nav dd li a.active{color:#296aef}

	.subject h4{font-size:24px;line-height:30px;}
	.subject p{font-size:14px;line-height:24px;padding:0 15px;}
}
@media screen and (max-width:768px)
{

	.ui-piclist .ui-piclist-item{width:47%;}

	.home_news{margin-top:10px;padding:0;}
	.home_news .home_news_item{margin:0 0 20px 0;width:100%;}
	.home_news .home_news_item:nth-child(1n){padding-right:15px;padding-left:15px;}
	.home_news .home_news_item:nth-child(2n){padding-right:15px;padding-left:15px;}

	.footer{display: none;}
	.wap-footnav{display:block;}

}
@media screen and (max-width:540px)
{
	.ui-piclist .ui-piclist-item{width:46%;}
	.ui-show-image .ui-card-image{height:auto;}
	.ui-show-image .ui-col-3{padding-right:0;flex:0 0 100%;max-width:100%;}
}
@media screen and (max-width:415px)
{
	.ui-piclist .ui-piclist-item{width:44%;}
}

/*新增Animal*/
.animation-round {-webkit-animation: round 8s linear 0s infinite normal forwards;animation: round 8s linear 0s infinite normal forwards;}
@-webkit-keyframes round {
    0% {-webkit-transform: rotate(0);transform: rotate(0);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes round {
    0% {-webkit-transform: rotate(0);transform: rotate(0);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
.animation-left {-webkit-animation: left 5s linear 0s infinite normal forwards;animation: left 5s linear 0s infinite normal forwards;}
@-webkit-keyframes left {
    0% {-webkit-transform: translateX(0);transform: translateX(0);}
    50% {-webkit-transform: translateX(-40px);transform: translateX(-40px);}
    100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes left {
    0% {-webkit-transform: translateX(0);transform: translateX(0);}
    50% {-webkit-transform: translateX(-40px);transform: translateX(-40px);}
    100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
.animation-right {-webkit-animation: right 5s linear 0s infinite normal forwards;animation: right 5s linear 0s infinite normal forwards;}
@-webkit-keyframes right {
    0% {-webkit-transform: translateX(0);transform: translateX(0);}
    50% {-webkit-transform: translateX(40px);transform: translateX(40px);}
    100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes right {
    0% {-webkit-transform: translateX(0);transform: translateX(0);}
    50% {-webkit-transform: translateX(40px);transform: translateX(40px);}
    100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
.animation-up {-webkit-animation: up 5s linear 0s infinite normal forwards;animation: up 5s linear 0s infinite normal forwards;}
@-webkit-keyframes up {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    50% {-webkit-transform: translateY(-40px);transform: translateY(-40px);}
    100% {-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes up {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    50% {-webkit-transform: translateY(-40px);transform: translateY(-40px);}
    100% {-webkit-transform: translateY(0);transform: translateY(0);}
}
.animation-down {-webkit-animation: down 5s linear 0s infinite normal forwards;animation: down 5s linear 0s infinite normal forwards;}
@-webkit-keyframes down {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    50% {-webkit-transform: translateY(40px);transform: translateY(40px);}
    100% {-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes down {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    50% {-webkit-transform: translateY(40px);transform: translateY(40px);}
    100% {-webkit-transform: translateY(0);transform: translateY(0);}
}